HTMLify

index.html
Views: 68 | Author: cody
<!DOCTYPE html>
<html>

<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Hamburger Icon MI Series - 02</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='style.css'>
</head>

<body>
    <div class="container" onclick="this.classList.toggle('active')">
        <svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 200 200">
            <g stroke-width="6.5" stroke-linecap="round">
                <path d="M72 82.286h28.75" fill="#009100" fill-rule="evenodd" stroke="#fff" />
                <path
                    d="M100.75 103.714l72.482-.143c.043 39.398-32.284 71.434-72.16 71.434-39.878 0-72.204-32.036-72.204-71.554"
                    fill="none" stroke="#fff" />
                <path d="M72 125.143h28.75" fill="#009100" fill-rule="evenodd" stroke="#fff" />
                <path
                    d="M100.75 103.714l-71.908-.143c.026-39.638 32.352-71.674 72.23-71.674 39.876 0 72.203 32.036 72.203 71.554"
                    fill="none" stroke="#fff" />
                <path d="M100.75 82.286h28.75" fill="#009100" fill-rule="evenodd" stroke="#fff" />
                <path d="M100.75 125.143h28.75" fill="#009100" fill-rule="evenodd" stroke="#fff" />
            </g>
        </svg>
    </div>
</body>

</html>

Comments